<?php session_start();
if (!isset($_SESSION["username"])) {
    header("Location:userlogin.php");
} else {

?>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <!-- Required meta tags-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>好先生 | 家政服务</title>
        <link rel="shortcut icon" href="img/favicon.ico" />
        <!-- Icons font CSS-->
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
        <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
        <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
        <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">
        <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
        <!-- Font special for pages-->
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

        <!-- Vendor CSS-->
        <link href="vendor/select2/select2.min.css" rel="stylesheet" media="all">
        <link href="css/hover-min.css" rel="stylesheet">


        <!-- Main CSS-->
        <link href="css/style.css" rel="stylesheet" media="all">
        <link href="css/main.css" rel="stylesheet" media="all">
        <link href="css/date_time_picker.css" rel="Stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery2.js"></script>
        <script language="javascript">
            $(document).ready(function() {
                $("#txtdate").datepicker({
                    minDate: 0
                });
            });
        </script>
    </head>

    <body>
        <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background:-webkit-gradient(linear, right top, left top, from(#1da1f2), to(#005f7f));" id="mainNav">
            <div class="container">
                <div class="navbar-header">
                    <a class=" nav-link js-scroll-trigger" href="#top">
                        <img class="img-rounded" src="img/logo.png" />
                    </a>
                </div>
                &nbsp;
                <a class="navbar-brand " href="#page-top">
                    <h2><small style="font-family: Arial;border-bottom: 2px solid gainsboro"><?php echo $_SESSION['name']; ?></small></h2>
                </a>
                <button class="navbar-toggler navbar-toggler-right ml-auto" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    菜单
                    <i class="fas fa-bars"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link js-scroll-trigger hvr-glow" href="user_profile.php">用户资料</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link js-scroll-trigger hvr-glow " href="#">查找服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link js-scroll-trigger hvr-glow " href="user_service.php">记录</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link js-scroll-trigger hvr-glow " href="user_help.php">帮助</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link js-scroll-trigger hvr-glow " href="u_logout.php">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div class="page-wrapper bg-img-1 p-t-165 p-b-100">
            <center>
                <h1 class="mb-4 text-light" style="margin-top: 6px;">查找你需要的服务</h1>
            </center>
            <div class="wrapper wrapper--w720">
                <div class="card card-3">
                    <div class="card-body">
                        <ul class="tab-list">
                            <li class="tab-list__item ">
                                <a class="tab-list__link" href="find_service.php" ">保姆</a>
                        </li>
                        <li class=" tab-list__item">
                                    <a class="tab-list__link" href="find_service_repair.php">修理</a>
                            </li>
                            <li class="tab-list__item">
                                <a class="tab-list__link" href="find_service_renovation.php">装修</a>
                            </li>
                            <li class="tab-list__item">
                                <a class="tab-list__link" href="find_service_beauty.php">美容</a>
                            </li>
                            <li class="tab-list__item active">
                                <a class="tab-list__link" href="#tab4" data-toggle="tab">家教</a>
                            </li>
                            <li class="tab-list__item">
                                <a class="tab-list__link" href="find_service_movers.php">搬运</a>
                            </li>
                            <li class="tab-list__item">
                                <a class="tab-list__link" href="find_service_photo.php">摄影</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab4">
                                <form method="POST" action="find_service2_tuition.php">
                                    <div class="row row-space">
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label">选择 家教:</label>
                                                <i class="zmdi zmdi-assignment input-group-symbol"></i>
                                                <div class="rs-select2 js-select-simple select--no-search">
                                                    <select name="service" required="required" class="form-control">
                                                        <option value="" selected disabled>--选择--</option>
                                                        <option value="英语">英语</option>
                                                        <option value="语文">语文</option>
                                                        <option value="数学">数学</option>
                                                        <option value="自然科学">自然科学</option>
                                                        <option value="社会科学">社会科学</option>
                                                        <option value="计算机科学">计算机科学</option>
                                                        <option value="高等数学">高等数学</option>
                                                        <option value="舞蹈">舞蹈</option>
                                                        <option value="唱歌">唱歌</option>
                                                        <option value="艺术">艺术</option>
                                                    </select>
                                                    <div class="select-dropdown"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label">选择 级别:</label>
                                                <i class="zmdi zmdi-stack-overflow input-group-symbol"></i>
                                                <div class="rs-select2 js-select-simple select--no-search">
                                                    <select name="level" required="required" class="form-control">
                                                        <option value="" selected disabled>--选择--</option>
                                                        <option value="五级讲师">五级讲师</option>
                                                        <option value="六级讲师">六级讲师</option>
                                                        <option value="七级讲师">七级讲师</option>
                                                        <option value="八级讲师">八级讲师</option>
                                                        <option value="九级讲师">九级讲师</option>
                                                        <option value="顶级讲师">顶级讲师</option>
                                                        <option value="王牌讲师">王牌讲师</option>
                                                    </select>
                                                    <div class="select-dropdown"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row row-space">
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label">开始日期</label>
                                                <input required class="input--style-1" name="from" placeholder="月/日/年" id="txtdate" type="text">
                                                <i class="zmdi zmdi-calendar-alt input-group-symbol"></i>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label">几个月</label>
                                                <input required class="input--style-1" style="text-transform: lowercase" placeholder="例如：1，2" name="months" type="number">
                                                <i class="zmdi zmdi-view-day input-group-symbol"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row row-space">
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label" style="margin-bottom: 10px;margin-top: 6px;">开始时间</label>
                                                <input required class="input--style-1" name="time" type="time">
                                                <i class="zmdi zmdi-time input-group-symbol"></i>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                <label class="label">工作时间:</label>
                                                <i class="zmdi zmdi-time-interval input-group-symbol"></i>
                                                <div class="rs-select2 js-select-simple select--no-search">
                                                    <select name="duration" required="required" class="form-control">
                                                        <option value="" selected disabled>--选择--</option>
                                                        <option value="1">1 小时 /天 -- 没有额外费用</option>
                                                        <option value="1.5">1.5 小时 /天 -- 存在额外费用</option>
                                                        <option value="2">2 小时 /天 -- 存在额外费用</option>
                                                    </select>
                                                    <div class="select-dropdown"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="category" value="家教">
                                    <button class="btn-submit" type="submit">搜索</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Jquery JS-->
        <script src="vendor/jquery1/jquery.min.js"></script>
        <!-- Vendor JS-->
        <script src="vendor/select2/select2.min.js"></script>
        <script src="vendor/jquery-validate/jquery.validate.min.js"></script>
        <script src="vendor/bootstrap-wizard/bootstrap.min.js"></script>
        <script src="vendor/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
        <script src="vendor/jquery/jquery.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="js/jquery_date_time_picker.js"></script>
        <script src="js/jquery_date_time_picker1.js"></script>
        <!-- Plugin JavaScript -->
        <script src="vendor/jquery-easing/jquery.easing.min.js"></script>


        <script src="js/new-age.min.js"></script>

        <!-- Main JS-->
        <script src="js/global.js"></script>
        <footer>
            <div class="container">
                <p>&copy; 好先生 家政服务. 版权所有.</p>
                <ul class="list-inline">
                    <li class="list-inline-item">
                        <a href="#">隐私</a>
                    </li>
                    <li class="list-inline-item">
                        <a href="#">条款</a>
                    </li>
                </ul>
            </div>
        </footer>
    </body>

    </html>
    <!-- end document-->
<?php
}
?>